<template>
  <div>
      <div class="container-fluid p-0 m-0 fixed-bottom">
        <div class="card">
          <div class="card-body p-0 m-0 form-inline" align="center">
              <div class="col-3 d-inline">
                <table cellpadding="0" cellspacing="0" class="p-0 m-0" @click="$router.push('/HomePage')">
                  <tr>
                    <td><i class="bi bi-house-door h3"></i></td>
                  </tr>
                  <tr>
                    <td>首页</td>
                  </tr>
                </table>
              </div>


            <div class="col-3 d-inline">
              <table cellpadding="0" cellspacing="0" class="p-0 m-0" @click="$router.push('/MemberCenter')">
                <tr>
                  <td><i class="bi bi-gem h3"></i></td>
                </tr>
                <tr>
                  <td>会员</td>
                </tr>
              </table>
            </div>


            <div class="col-3 d-inline">
              <table cellpadding="0" cellspacing="0" class="p-0 m-0" @click="$router.push('/MenuList')">
                <tr>
                  <td><i class="bi bi-house h3"></i></td>
                </tr>
                <tr>
                  <td>点餐</td>
                </tr>
              </table>
            </div>


            <div class="col-3 d-inline">
              <table cellpadding="0" cellspacing="0" class="p-0 m-0" @click="$router.push('/OrderList')">
                <tr>
                  <td><i class="bi bi-house h3"></i></td>
                </tr>
                <tr>
                  <td>订单</td>
                </tr>
              </table>
            </div>
          </div>
        </div>
      </div>
  </div>
</template>

<script>
export default {
  name: "BottomNavigation"
}
</script>

<style scoped>

</style>
